// 定义食物类food
class Food {
  // 定义一个属性表示食物对应的元素
  element: HTMLElement;

  constructor() {
    // 获取页面中id为food的元素并将其赋值element   !表示不会为空
    this.element = document.getElementById('food')!;
  }

  // 定义一个获取食物x轴坐标的方法
  get X () {
    return this.element.offsetLeft;
  }
  // 定义一个获取食物y轴坐标的方法
  get Y () {
    return this.element.offsetTop;
  }

  // 修改食物位置
  change () {
    // 生成一个随机的位置
    // 最上为0 最下为190
    // 最左为0 最右为190
    // 宽度/高度 - 食物宽度/高度
    // 最小单位为食物的宽高度10,整10
    this.element.style.left = Math.round(Math.random() * 29) * 10 + 'px';
    this.element.style.top = Math.round(Math.random() * 29) * 10 + 'px';
  }
}
// 食物随机位置肯定不能和蛇头和蛇身重叠,在Food类中创建蛇的实例,遍历蛇的数组集合,判断其位置和 随机位置相同就重新生成一个随机数再改变食物位置

// 测试代码
// const food = new Food()
// food.change()
// console.log(food.X);
// console.log(food.Y);

export default Food;